<script>
    var initPage7 = function () {
        $("#page-7").css("display", "block");
        $("#page-7").css({
            "z-index": 10
        });
        setTimeout(function () {

            showPage7Line(function () {
                changePage7Ver(function () {
                    $("#page-7 .zs-1").show();

                    setTimeout(function () {
                        $("#page-7 .ver.v-6").removeClass("fadeIn");
                        $("#page-7 .zs-1").removeClass("fadeIn");
                        setTimeout(function () {
                            $("#page-7 .ver.v-6").addClass("fadeOut");
                            $("#page-7 .zs-1").addClass("fadeOut");
                        }, 200);
                        hidePage7Line(function () {
                            $("#page-7").hide();
                            endPage7();
                        });
                    }, 3e3);
                })
            })
        }, 500)
    };

    var changePage7Ver = function (cb) {
        $("#page-7 .ver").show();
        $("#page-7 .ver.v-3").one(aniend, function () {
            $("#page-7 .ver.v-2").hide();
        });
        $("#page-7 .ver.v-4").one(aniend, function () {
            $("#page-7 .ver.v-3").hide();
        });
        $("#page-7 .ver.v-5").one(aniend, function () {
            $("#page-7 .ver.v-4").hide();
        });
        $("#page-7 .ver.v-6").one(aniend, function () {
            $("#page-7 .ver.v-5").hide();
            cb && cb();
        });
    }

    var showPage7Line = function (cb) {
        $("#page-7 .line").animate({
            width: "4.75520rem"
        }, 800, "linear", function () {
            cb && cb();
        });
    }
    var hidePage7Line = function (cb) {
        $("#page-7 .line").animate({
            width: "0"
        }, 800, "linear", function () {
            cb && cb();
        });
    }
</script>